<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>

<div id="rightPan">
	<div id="rightbodyPan">
		<div align="center"><p style=" font-size: 24px; padding: 10px 0 5px 0;" >สินค้า ประเภทอาหาร</p></div>
		<div id="headerTab">
			<a style="width: 130px;" href="<s:url action="food_get" namespace="/product"/>">เรียกดูข้อมูลทั้งหมด</a>
			<a style="width: 130px;" id="clicked">ค้นหา/เรียกดู ข้อมูล</a>
			<a style="width: 70px;" href="<s:url action="food_toAdd" namespace="/product"/>">เพิ่มข้อมูล</a>
		</div>
		
		<script type="text/javascript">
			function search(){
				document.getElementById( 'food_search' ).submit();
			}
			
		</script>
	    
		<s:form id="food_search" action="food_search" theme="simple">
			<table>
				<tr>
					<td style="padding-top: 30px; " id="slabel">ยี่ห้อ:</td>
					<td style="padding-top: 30px;">
						<s:select list="selectBrand" key="food.foodBrand" headerKey="-1" headerValue=""/>
					</td>
				</tr>
				<tr>
					<td id="slabel">ประเภท:</td>
					<td><s:select list="selectType" key="food.foodType" headerKey="-1" headerValue=""/></td>
				</tr>
				<tr>
					<td id="slabel">พันธุ์:</td>
					<td><s:select list="selectBreedId" key="food.dogBreedId" headerKey="-1" headerValue=""/></td>
				</tr>
				<tr>
					<td id="slabel">ขนาด:</td>
					<td><s:select list="selectSize" key="food.dogSize" headerKey="-1" headerValue=""/></td>
				</tr>
				<tr>
					<td id="slabel">วัย:</td>
					<td><s:select list="selectLifeSpan" key="food.dogAge" headerKey="-1" headerValue=""/></td>
				</tr>
			</table>
			
			<div align="center" style=" padding-top: 10px;">
			<input onclick="search()" type="button" value="ค้นหา" id="button"></input>
			</div>
			
			<s:if test="foodSelectedList.size()!=0">
			    <div align="center" style=" padding-top: 10px;">
				<display:table name="foodSelectedList" style="font-size:12px; background-color: white;">
					<display:column property="foodName" title="ชื่อ" />
					<display:column property="foodBrand" title="ยี่ห้อ" />
					<display:column property="description" title="รายละเอียด" />
					<display:column property="breedOrSize" title="พันธุ์หรือขนาดที่เหมาะสม" />
					<display:column property="lifeSpan" title="วัยที่เหมาะสม" />
					<display:column property="kilocalorie" title="ปริมาณแคลอรี่ต่อกิโลกรัม" />
					<display:column property="type" title="ประเภท" />
				</display:table>
				</div>
			</s:if>
		</s:form>
		
	</div>
</div>